<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!doctype html>
<html>
<head>
<base href="<%=basePath%>">
<meta charset="utf-8" http-equiv="content-type" content="text/html">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>用户信息</title>

<link href="css/jquery.mobile-1.4.5.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>

<link rel="stylesheet" type="text/css" href="css/userinfo.css"/>
<link rel="stylesheet" type="text/css" href="css/userheader.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/footer.css">

<script>
$(document).bind('mobileinit',function(){
 $.mobile.changePage.defaults.changeHash = false;
 $.mobile.hashListeningEnabled = false;
 $.mobile.pushStateEnabled = false;
});
</script>
<script src="js/jquery.mobile-1.4.5.min.js" type="text/javascript"></script>
</head>
<body>
<div data-role="page">
	<div data-role="header" id="header">
		<img class="u-face" src="${user.headimgurl }"/>
		<div class="u-detail">
			<p class="u-name">${user.nickName }</p>
			<p class="u-other">
				<span class="jifen">累计积分</span>
				<span class="number">${user.huoyueIntegral + user.jiaoyiIntegral }</span>
				<img src="images/icon2.png"/>
			</p>
		</div>
	</div>

	<div data-role="content" id="content">
		<div class="c1">
			<div class="c1-left">
				<p>成功交易<span>0</span>笔</p>
				<p>好评率<span>100</span>%</p>
			</div>
			<a href="#">&gt;</a>
			<div class="c1-right" style="border:0;">
				<strong>0</strong>
				<span>差评</span>
			</div>
			<div class="c1-right">
				<strong>0</strong>
				<span>中评</span>
			</div>
			<div class="c1-right">
				<strong>0</strong>
				<span>好评</span>
			</div>
		</div>
		<div class="c2">
			<div class="c2-title">TA的闲置</div>
			<div class="c2-content">
				<ul>
				<c:forEach items="${tList}" var="thing" varStatus="stuts">
					<c:choose>  
                        <c:when test="${stuts.index%2 == 0 }">  
  								<li>
									<a href="api/index/thingDetail.do?THING_ID=${thing.id }">
									<img src="${llist[stuts.index]}"/>
									<p>${thing.title }</p>
									<span><fmt:formatNumber
								value="${thing.cost }" type="currency" pattern="￥" /> <span class="o-price"><fmt:formatNumber
								value="${thing.originalCost }" type="currency" pattern="￥" /></span></span>
									<p class="address"></p>
									</a>
								</li>
                        </c:when>  
                        <c:otherwise>  
                        		<li class="right">
									<a href="api/index/thingDetail.do?THING_ID=${thing.id }">
									<img src="${thing.images[0]}"/>
									<p>${thing.title }</p>
									<span><fmt:formatNumber
								value="${thing.cost }" type="currency" pattern="￥" /> <span class="o-price"><fmt:formatNumber
								value="${thing.originalCost }" type="currency" pattern="￥" /></span></span>
									<p class="address">韶关 | 武江</p>
									</a>
								</li>
                        </c:otherwise>  
  
                    </c:choose>  
				</c:forEach>
				</ul>
			</div>
		</div>
	</div>

	 <jsp:include page="../footer.jsp" flush="true" />

</div>	
</body>
</html>